
// 热门推荐模块事件
// 边框
$('.e-hotItems').hover(function () {
    $(this).css('border-color', 'orange');
}, function () {
    $(this).css('border-color', '#fff');

});
// 字体颜色
$('.e-hotItems-txt').find('a').hover(function () {
    // console.log($(this));
    $(this).addClass('e-activeColor');
}, function () {
    $(this).removeClass('e-activeColor');

});


// 类目模块
// 箭头图标
$('.e-category-ele').hide();
$('.e-category-sect').hover(function () {
    // console.log($(this));
    $(this).find('.iconfont').prop('class', 'iconfont icon-xiangxiajiantou e-activeColor');
    $('.e-category-sect').css('border-color', '#F42424');
    $('.e-category-ele').show();
    $('.e-ppp').css({
        'border-color': '#F42424',
        'display': 'block'
    });
}, function () {
    $(this).find('.iconfont').prop('class', 'iconfont icon-xiangshangjiantou ');
    $('.e-category-sect').css('border-color', '#333');
    $('.e-category-ele').hide();
    $('.e-ppp').css({
        'border-color': '#333',
        'display': 'none'
    });
});

//品牌模块
// 品牌图片
$('.e-pinpai-main a').hover(function () {
    $(this).css('border-color', '#F42424');
    $(this).find('img').fadeOut(250);
}, function () {
    $(this).css('border-color', '#bbb');
    $(this).find('img').fadeIn(250);
})

// 品牌列表
$('.e-pinpai-list-div').hide();
$('.e-pinpai-li-active div').show();
$('.e-pinpai-list li').hover(function () {
    // 边框
    $(this).addClass('e-pinpai-li-active').siblings().removeClass('e-pinpai-li-active');
    // a标签颜色
    $(this).find('a').addClass('e-activeColor');
    $(this).siblings().find('a').removeClass('e-activeColor');
    // 选项
    $(this).find('.e-pinpai-list-div').fadeIn(50);
    $(this).siblings().find('.e-pinpai-list-div').fadeOut(50);

});
$('.e-pinpai-list-div div').on('click', function () {
    // 添加类名改变背景图片
    $(this).find('label').toggleClass('e-checked');
    // 同时让相对应的input选中
    $('.e-checked').prev().prop('checked', true);
    // 判断当前有没有选中的选框
    if ($('.e-pinpai-list-div').find('input').prop('checked')) {
        $(".e-pinpai-list-ok").show();
    } else {
        $(".e-pinpai-list-ok").hide();
    };


});

// 品牌控件事件
$('.e-pinpai-control>span').hover(function () {
    $(this).css({
        'border-color': '#f42424',
        'color': '#f42424'
    });
}, function () {
    $(this).css({
        'border-color': '#ccc',
        'color': '#555'
    });
});
// 品牌控件箭头，伸缩box
$('.e-pinpai-controlPlue').on('click', function () {
    $(this).toggleClass('icon-xiangxiajiantou');
    $(this).toggleClass('icon-xiangshangjiantou');
    $('.icon-xiangshangjiantou').parents('.e-pinpai-box').animate({ 'height': '100' }, 250);
});
$('.e-pinpai-controlPlue').on('click', function () {
    $('.icon-xiangxiajiantou').parents('.e-pinpai-box').animate({ 'height': '65' }, 250);
});
// 品牌控件，+添加 显示品牌列表
$('.e-selctS').on('click', function () {
    // 改变控件内字体图标
    $(this).find('span').toggleClass('icon-jiahao');
    $(this).find('span').toggleClass('icon-jian');
    // 触发伸缩box事件
    $('.e-pinpai-controlPlue').trigger('click');
    // 品牌图片显示隐藏切换
    $('.e-pinpai-main').fadeToggle(250);
    // 品牌列表显示隐藏切换
    $('.e-pinpai-list').fadeToggle(250);

});
$('.e-pinpai-list-off').on('click', function () {
    $('.e-selctS').trigger('click');
})

// 商品总控件区域
// 排序区
$('.e-allControl-one div').on('click', function () {
    $(this).addClass('e-activeColor').siblings().removeClass('e-activeColor');

})

// 输入框区域
$('.e-allControl-check div').on('click', function () {
    $(this).find('span').toggleClass('e-checked');
});
$('.e-allControl-check div').hover(function () {
    $(this).find('span').toggleClass('e-checkbox_cur').siblings().removeClass('e-checkbox_cur');
});

// 分页、布局操作控件
// 大图标
$('.e-cotrol-iconbig').on('click', function () {
    $('.e-cotrol-icontog').find('.iconfont').removeClass('e-activeColor');
    $(this).find('.iconfont').addClass('e-activeColor');
    $('.e-shops').prop('class', 'e-content-itemsBig e-shops');
});
// 小图标
$('.e-cotrol-iconsmll').on('click', function () {
    $('.e-cotrol-icontog').find('.iconfont').removeClass('e-activeColor');
    $(this).find('.iconfont').addClass('e-activeColor');
    $('.e-shops').prop('class', 'e-content-itemsmall e-shops');
});


// 主题右侧按钮
$('.e-content-rightBut').on('click', function () {
    $(this).toggleClass('e-contennt-rightyido');
    $('.e-content-left').toggleClass('e-content-leftTwo');
    $('.e-content-right').toggleClass('e-content-rightTwo');
    $('.e-content-rightBut').find('.iconfont').prop('class', 'iconfont icon-xiangyoujiantou');
    $('.e-contennt-rightyido').find('.iconfont').prop('class', 'iconfont icon-fanhuijiantou');
});



